import Cookies from "js-cookie";
import { useUserStoreHook } from "@/store/modules/user";
import { isIncludeAllChildren, isString, storageLocal } from "@pureadmin/utils";

export interface DataInfo {
  roles: any[];
  resp_code: number;
  /** 头像 */
  user?: object;
  // /** 用户名 */
  // username?: string;
  // /** 昵称 */
  // nickname?: string;
  // /** 当前登录用户的角色 */
  // roles?: Array<string>;
  /** 当前登录用户的按钮级别权限 */
  permissions?: Array<string>;
}

export interface TokenInfo {
  /** token */
  access_token: string;
  /** `accessToken`的过期时间（时间戳） */
  expires_in: number;
  /** 用于调用刷新accessToken的接口时所需的token */
  refresh_token: string;
  scope: string;
  token_type: string;
}

export const userKey = "user-info";
export const permissionsKey = "permissions";
export const TokenKey = "authorized-token";
/**
 * 通过`multiple-tabs`是否在`cookie`中，判断用户是否已经登录系统，
 * 从而支持多标签页打开已经登录的系统后无需再登录。
 * 浏览器完全关闭后`multiple-tabs`将自动从`cookie`中销毁，
 * 再次打开浏览器需要重新登录系统
 * */
export const multipleTabsKey = "multiple-tabs";

/** 获取`token` */
export function getToken() {
  // 此处与`TokenKey`相同，此写法解决初始化时`Cookies`中不存在`TokenKey`报错
  return Cookies.get(TokenKey)
    ? Cookies.get(TokenKey)
    : storageLocal().getItem(userKey);
}

/**
 * @description 设置`token`以及一些必要信息并采用无感刷新`token`方案
 * 无感刷新：后端返回`accessToken`（访问接口使用的`token`）、`refresh_token`（用于调用刷新`accessToken`的接口时所需的`token`，`refresh_token`的过期时间（比如30天）应大于`accessToken`的过期时间（比如2小时））、`expires`（`accessToken`的过期时间）
 * 将`accessToken`、`expires`、`refresh_token`这三条信息放在key值为authorized-token的cookie里（过期自动销毁）
 * 将`avatar`、`username`、`nickname`、`roles`、`permissions`、`refresh_token`、`expires`这七条信息放在key值为`user-info`的localStorage里（利用`multipleTabsKey`当浏览器完全关闭后自动销毁）
 */
export function setToken(data: {
  access_token?: any;
  expires_in?: any;
  refresh_token?: any;
  scope?: string;
  token_type?: string;
  accessToken?: string;
  refreshToken?: string;
  expires?: Date;
}) {
  const { access_token, refresh_token, expires_in } = data;
  new Date(expires_in).getTime(); // 如果后端直接设置时间戳，将此处代码改为expires = data.expires，然后把上面的DataInfo<Date>改成DataInfo<number>即可
  Cookies.set(TokenKey, access_token);
  // expires > 0
  //   ? Cookies.set(TokenKey, cookieString, {
  //       expires: (expires - Date.now()) / 86400000
  //     })
  //   : Cookies.set(TokenKey, cookieString);

  function seTokenKey({ refresh_token, expires_in, access_token }) {
    useUserStoreHook().SET_ACCESS_TOKEN(access_token);
    useUserStoreHook().SET_REFRESH_TOKEN(refresh_token);
    useUserStoreHook().SET_EXPIRES_IN(expires_in);
    // storageLocal().setItem(TokenKey, {
    //   access_token,
    //   refresh_token,
    //   expires_in
    // });
  }
  if (data.access_token) {
    seTokenKey({
      refresh_token,
      expires_in,
      access_token
    });
  } else {
    const access_token =
      storageLocal().getItem<TokenInfo>(TokenKey)?.access_token ?? "";
    const refresh_token =
      storageLocal().getItem<TokenInfo>(TokenKey)?.refresh_token ?? "";
    const expires_in =
      storageLocal().getItem<TokenInfo>(TokenKey)?.expires_in ?? 0;
    seTokenKey({
      refresh_token,
      expires_in,
      access_token
    });
  }
}

export function setuserInfo(data: DataInfo) {
  function setUserKey(data: object) {
    useUserStoreHook().SET_USER(data);
    storageLocal().setItem(userKey, data);
  }
  function setPermissionsKey(data: string[]) {
    useUserStoreHook().SET_PERMS(data);
    storageLocal().setItem(permissionsKey, data);
  }
  if (data.user) {
    setUserKey(data?.user ?? {});
  } else {
    const user = storageLocal().getItem<DataInfo>(userKey)?.user ?? {};
    setUserKey(user);
  }

  if (data.permissions) {
    setPermissionsKey(data?.permissions ?? []);
  } else {
    const permissions =
      storageLocal().getItem<DataInfo>(userKey)?.permissions ?? [];
    setPermissionsKey(permissions);
  }
}

/** 删除`token`以及key值为`user-info`的localStorage信息 */
export function removeToken() {
  Cookies.remove(TokenKey);
  Cookies.remove(multipleTabsKey);
  storageLocal().removeItem(userKey);
}

/** 格式化token（jwt格式） */
export const formatToken = (token: string | any): string => {
  return "Bearer " + token;
};

/** 是否有按钮级别的权限（根据登录接口返回的`permissions`字段进行判断）*/
export const hasPerms = (value: string | Array<string>): boolean => {
  if (!value) return false;
  const allPerms = "*:*:*";
  const { permissions } = useUserStoreHook();
  if (!permissions) return false;
  if (permissions.length === 1 && permissions[0] === allPerms) return true;
  return isString(value)
    ? permissions.includes(value)
    : isIncludeAllChildren(value, permissions);
};
